<!DOCTYPE html>
<html>
  <head>
    <title>北斗智慧校园</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../../../../css/index.css">
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/undercore.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-lhgdialog/lhgdialog.min.js?self=true&skin=idialog"></script>
	<script type="text/javascript" src="../../../../../public/libs/datepicker/WdatePicker.js"></script>
	<script type="text/javascript" src="../../../../../public/js/home-common.js"></script>
	<script type="text/javascript" src="../../../../../public/js/ajax-crud.js"></script>
	<script type="text/javascript" src="../../../../../public/js/config.js"></script>
	<script type="text/javascript" src="../../../../../public/js/tools.js"></script>
	<script type="text/javascript" src="../../../../../public/js/checkkey.js"></script>
	<script type="text/javascript" src="js/attendance.js"></script>
  </head>
  <body style="overflow: hidden;font-family: 微软雅黑;">
	<div class="right-title">
		<div class="title-img2">
			<img src="../../../../../img/xw/stumanage.png" width="100%" height="100%">
		</div>
		<div class="title-text2">考勤查看</div>
		<div class="title-model-now">
			<img src="../../../../../img/xw/lim.png" style="margin-top:5px;"/>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text">校务管理</div>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text" style="color:#949496;">查看考勤</div>
		</div>
		<div class="title-search">
			<input type="text" id="start-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'end-time\')}'})"/>
			<input type="text" id="end-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',minDate:'#F{$dp.$D(\'start-time\')}'})"/>
			<div class="search-btn" id="pattence-search-btn">查询</div>
		</div>
	</div>
	<div class="right-content" id="right-tables">
		<div class="content-title">
			<div class="table-logo">
				<img src="../../../../../img/xw/add-li.png" width="100%" height="100%">
			</div>
			<div class="table-title">查看考勤</div>
			<div class="total-show-att">
				<span id="st-name" class="att-name"></span>
				共统计考勤<span id="tot-times" class="att-nums"></span>次 
				请假<span id="lea-times" class="att-nums"></span>次 
				旷课<span id="ad-times" class="att-nums"></span>次 
				迟到<span id="la-times" class="att-nums"></span>次 
				非法离校<span id="ill-times" class="att-nums"></span>次
			</div>
			<div class="table-pages" id="pattence-page">
			</div>
		</div>
		<div class="data-back-img"></div>
		<div class="content-data-show" id="pattence-data-show">
			<table class="at-head-ta">
				<tr>
					<td width="100">时间</td>
					<td width="80">上午上学</td>
					<td width="80">上午放学</td>
					<td width="80">下午上学</td>
					<td width="80">下午放学</td>
					<td width="80">晚上上学</td>
					<td width="80">晚上放学</td>
				</tr>
			</table>
			<table class="at-body-ta" id="grade-table">
				
			</table>
			<script id="data-template" type="text/template">
				<@_.each(obj, function(data,i) {@>
 					<tr>
    					<td width="100"><@=data.day@></td>
						<td width="80"><@=data.moin@></td>
						<td width="80"><@=data.moout@></td>
						<td width="80"><@=data.noin@></td>
						<td width="80"><@=data.noout@></td>
						<td width="80"><@=data.niin@></td>
						<td width="80"><@=data.niout@></td>
 					</tr>
				<@});@>
			</script>
		</div>
	</div>
 </body>
</html>
